<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>We Search 任务表</title>
  <link rel="stylesheet" href="./css/main.css">
  <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
  <link rel="icon" href="./favicon.ico" type="image/x-icon">
</head>
<body>
  <!-- 用户查询输入数据  开始 -->
  <div class="top">
    <div class="top-info">
      <div class="author">POWER BY RidingWind</div>
      <div class="info">Welcome<span class="user-name"><span></div>
    </div>
    <form class="input-box">
      <div class="startDate">
        <span>开始时间:</span>
        <input id="startDate" type="date" title="请输入开始时间" placeholder="例：2017-01-01">
      </div>

      <div class="isDone">
        <span>完成状态:</span>
        <div class="check-box" id="check-box">
          <input class="check-box-btn" type="radio" name="isDone" value="false" checked>
          <span>未完成</span>
          <input class="check-box-btn" type="radio" name="isDone" value="true">
          <span>已完成</span>
        </div>
      </div>

      <div class="btns">
        <button class="search" type="button">查询</button>
        <button class="export" type="button">导出</button>
        <ul class="dropdown-menu">
          <li><a onclick="exportTo('csv');" href="javascript://">导出CSV文件</a></li>
          <li><a onclick="exportTo('xls');" href="javascript://">导出XLS文件</a></li>
        </ul>
      </div>
    </form>
  </div>
  <!-- 用户查询输入数据  结束 -->

  <!-- 表格 开始 -->
  <div class="table-responsive">
    <table id="firm_table" class="project-table" cellspacing="0">
      <caption class="title">
        <select class="project-types" style="display: none">
          <option value="全部">全部</option>
          <option value="007-加班">007-加班</option>
          <option value="00">00</option>
          <option value="009">009</option>
        </select>
        <span class="title-text"></span>
      </caption>
      <thead>
        <tr>
          <th class="num">序号</th>
          <th class="parent">任务的父分支</th>
          <th class="content">任务内容</th>
          <th class="accomplished">最后修改时间</th>
        </tr>
      </thead>

      <tbody>
        <tr>
          <td colspan="5" style="text-align: center;font-size: 16px">暂无数据！</td>
        </tr>
      </tbody>
    </table>
  </div>
  <!-- 表格 结束 -->
  
  <script src="./js/jquery-3.2.1.min.js"></script>
  <script src="./js/tableExporter.js"></script>
  <script src="./js/main.js"></script>
</body>
</html>